.app {
    min-height: 100vh;
    width: 100vw;
}
.draw_card{
    height: 200px;
}
.dowebok {
    -webkit-transform: translate(60px);
    -moz-transform: translate(60px);
    transform: translate(60px);
    -webkit-animation: animations 2s ease-out forwards;
    -moz-animation: animations 2s ease-out forwards;
    animation: animations 2s ease-out forwards;
}

@-webkit-keyframes animations {
    0% {
        -webkit-transform: translate(0);
        opacity: 0;
    }

    50% {
        -webkit-transform: translate(30px);
        opacity: 1;
    }

    70% {
        -webkit-transform: translate(35px);
        opacity: 1;
    }

    100% {
        -webkit-transform: translate(60px);
        opacity: 0;
    }
}

@-moz-keyframes animations {
    0% {
        -moz-transform: translate(0);
        opacity: 0;
    }

    50% {
        -moz-transform: translate(30px);
        opacity: 1;
    }

    70% {
        -moz-transform: translate(35px);
        opacity: 1;
    }

    100% {
        -moz-transform: translate(60px);
        opacity: 0;
    }
}

@keyframes animations {
    0% {
        transform: translate(0);
        opacity: 0;
    }

    50% {
        transform: translate(30px);
        opacity: 1;
    }

    70% {
        transform: translate(35px);
        opacity: 1;
    }

    100% {
        transform: translate(60px);
        opacity: 0;
    }
}

.box {
    width: 200px;
    height: 200px;
    background: orangered;
    border: 3px solid rgb(238, 135, 183);
}